<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>v-text 和 v-html 指令</title>
	</head>

	<body>
		<!-- 
		 v-text 指令会将绑定的数据作为纯文本显示在页面上。
		 v-html 指令会将绑定的数据作为 HTML 代码进行解析和渲染。
		 -->
		<div id="app">
			<!-- 使用 v-text 指令将 msg 的值显示为纯文本 -->
			<p v-text="msg"></p>
			<!-- 使用 v-html 指令将 html 的值解析为 HTML 代码并渲染 -->
			<p v-html="html"></p>
		</div>
		<script src="../js/vue.js"></script>
		<script type="text/javascript">
			var vm = new Vue({
				el: "#app",
				data: {
					msg: "今天天气晴", // 定义数据 msg
					html: "<input type='date'>" // 定义包含 HTML 代码的数据 html
				}
			})
		</script>

	</body>

</html>